<template>
    <div class="main">
        <h2>{{count}}</h2>
    </div>
</template>
<script>
    export default {
        name: "Timer",
        data() {
            return {
                count: 0,
                step: 22
            }
        },
        mounted() {
            setInterval(this.add, 1000)
        },
        methods: {
            add() {
                this.count += this.step;
            }
        }
    }
</script>
<style scoped>
</style>